import React, { useState } from 'react';
import style from './index.less';

import { ArrowLeft } from '@react-vant/icons';
import { history } from 'umi';
export default function Index() {
  const [show, setshow] = useState(false);

  return (
    <div>
      <div className={style.top}>
        <div className={style.you}></div>
        <div className={style.tui}>
          <ArrowLeft
            fontSize={20}
            color="#6d6d6d"
            onClick={() => history.push('/qishou/jiedan')}
          />
        </div>
      </div>
      <div className={style.bei}>
        <div className={style.tou}>
          <div
            style={{
              color: show ? 'rgb(211, 210, 210)' : 'rgb(42, 202, 42)',
              fontWeight: show ? '' : 'bold',
            }}
            onClick={() => setshow(false)}
          >
            通知
          </div>
          <div
            style={{
              color: show ? 'rgb(42, 202, 42)' : 'rgb(211, 210, 210)',
              fontWeight: show ? 'bold' : '',
            }}
            onClick={() => setshow(true)}
          >
            私信
          </div>

          <span className={style.d2}>
            <div className={style.zou5}>
              <div className={style.kuang}>
                <div className={style.zou1}>
                  <div className={style.zhao}>
                    <img src="https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E9%99%84%E8%BF%91/u2520.png" />
                  </div>
                </div>
                <div className={style.zhong1}>
                  <div className={style.shang}>OMINI人民广场自助回收机</div>
                  <div className={style.xia}>自助回收成功</div>
                </div>
                <div className={style.you1}>8-13</div>
              </div>
            </div>

            <div className={style.you5}>
              <div className={style.kuang1}>
                <div className={style.zou2}>
                  <div className={style.zhao2}>
                    <img src="https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E6%B6%88%E6%81%AF%E5%88%97%E8%A1%A8/pic_u8850-0.png" />
                  </div>
                </div>
                <div
                  className={style.zhong2}
                  onClick={() => history.push('/listaaa')}
                >
                  <div className={style.shang1}>F-IEFULNER</div>
                </div>
                <div className={style.you2}>8-13</div>
              </div>
            </div>
          </span>
        </div>
      </div>
    </div>
  );
}
